<template>
    <div class="backgroundpic">
        <p class="animate__animated animate__bounce"><slot name="title">{{title}}</slot></p>
        <p><slot name="lable">{{lable}}</slot></p>
    </div>
</template>

<script>
export default {
    name: 'HoneyDetailback',
    props:{
        title:{
            type:String,
            default:"标题组件"
        },
         lable:{
            type:String,
            default:"二级标题组件"
        },
    },

    data() {
        return {
            
        };
    },

    mounted() {
       
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.backgroundpic{
    width: 100%;
    height: 400px;
    background: url('../assets/detail_back1.jpg') no-repeat;
    background-size: cover;
    border-bottom-right-radius: 80px;
    border-bottom-left-radius: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    >p:nth-child(1){
        font-size: 20px;
        font-weight: 600;
        color: rgb(63, 139, 240);
        
    }
    >p:nth-child(2){
        margin-top: 30px;
        font-size: 60px;
        color: rgb(63, 139, 240);
    }
}
</style>